<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8" http-equiv="Content-Type" content="text/html">
    <meta name="renderer" content="webkit">
    <meta name="Keywords" content="DJ,DJ舞曲,DJ网站,DJ免费下载网">
    <meta name="description"
          content="DJ舞曲djxibo劲爆舞曲下载网站,提供最新DJ舞曲,中国最大的DJ免费下载网站,本站专业提供DJ舞曲,DJ歌曲,DJ精品串烧等免费DJ下载,DJ舞曲全部为mp3高清音质.">
    <meta name="mobile-agent" content="format=html5;url=http://m.djxibo.com">
    <meta http-equiv="Cache-Control" content="no-transform">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <meta name="baidu-site-verification" content="0eKfljMIN5">
    <title>DJ细波舞曲网 www.djxibo.com - DJ舞曲分享,DJ免费下载网站</title>
    <link rel="shortcut icon" href="">
    <script type="text/javascript" src="plugins/jquery-3.4.1/jquery-3.4.1.min.js"></script>
    <script type="text/javascript" src="plugins/js-cookie/src/js.cookie.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="plugins/layui/layui.js"></script>
    <link rel="stylesheet" href="plugins/layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="plugins/element-ui/lib/theme-chalk/index.css">
    <script type="text/javascript" src="plugins/vue-2.6.11/dist/vue.min.js"></script>
    <script type="text/javascript" src="plugins/element-ui/lib/index.js"></script>
    <script type="text/javascript" src="plugins/axios-master/dist/axios.min.js"></script>
</head>
<body>
<!--头部-->
<div id="head">
    <div id="head_top">
        <div class="h15"></div>
        <ul>
            <li id="logo">
                <a href="/" title="DJ细波"><img
                            src="img/logo.gif"></a>
            </li>
            <#--<li id="search2">
                <div>
                    <el-input placeholder="请输入搜索关键字" v-model="keyword" class="input-with-select">
                        <el-select v-model="searchType" slot="prepend" placeholder="请选择">
                            <el-option label="音乐" value="1"></el-option>
                            <el-option label="专辑" value="2"></el-option>
                            <el-option label="音乐人" value="3"></el-option>
                        </el-select>
                        <el-button slot="append" icon="el-icon-search" style="width: 33px" @click="search"></el-button>
                    </el-input>
                </div>
            </li>-->
            <li id="search2">
                <div>
                    <el-select v-model="searchType" slot="prepend" placeholder="请选择" value="1">
                        <el-option label="音乐" value="1"></el-option>
                        <el-option label="专辑" value="2"></el-option>
                        <el-option label="音乐人" value="3"></el-option>
                    </el-select>
                    <el-autocomplete
                            v-model="keyword"
                            :fetch-suggestions="querySearchAsync"
                            placeholder="请输入搜索关键字"
                            @select="handleSelect"
                            class="input-with-select"
                            style="width: 260px;margin-left: 90px;margin-top: -40px;"
                    ></el-autocomplete>
                    <el-button
                            slot="append"
                            icon="el-icon-search"
                            style="width: 33px;
                                    float: right;
                                    margin-right: -122px;
                                    margin-top: -40px;
                                    background-color: #1f2432;
                                    border: 1px solid;"
                            @click="search">
                    </el-button>
                </div>
            </li>
            <li id="login">
                <ul class="layui-nav head_nav" v-if="user.avatarUrl === undefined">
                    <li class="layui-nav-item">
                        <a href="">串烧订做</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="">车载U盘</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:void(0)" onclick="popUp()">注册/登录</a>

                    </li>
                </ul>
                <ul class="layui-nav head_nav" v-if="user.avatarUrl !== undefined">
                    <li class="layui-nav-item">
                        <a href="">串烧订做</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="">车载U盘</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="">消息<span class="layui-badge">0</span></a>
                    </li>
                    <li class="layui-nav-item" lay-unselect="">
                        <a href="javascript:;"><img :src="user.avatarUrl" class="layui-nav-img">我</a>
                        <dl class="layui-nav-child" id="u_dl">
                            <dd><a href="user.html" target="_blank">个人中心</a></dd>
                            <dd><a href="javascript:;">设置</a></dd>
                            <dd><a href="javascript:;" @click="logout">退出</a></dd>
                        </dl>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
    <div class="h10"></div>
</div>

<!--头部结束-->

<!--导航-->
<div id="top_nav">
    <div id="top_list">
        <table border="0" cellspacing="0" cellpadding="0" id="nav_list">
            <tr>
                <td id="home"><a href="/">网站首页</a></td>
                <#if (navMenuList?size>0)>
                    <#list navMenuList as menu>
                        <td class="nav_td"><a href="${menu.url!''}">${menu.dictValue!''}</a></td>
                    </#list>
                </#if>
            </tr>
        </table>
    </div>
</div>
<!--导航结束-->

<!--body-->
<div class="index_body" id="index_app">
    <div class="h10"></div>
    <div class="body_2">
        <div class="body_content">
            <img src="img/top.gif" width="100%">
        </div>
    </div>
    <div class="h10"></div>
    <div class="body_2">
        <div class="music_left2">
            <div id="fenglei">
                <div id="fenlei_title">
                    <p>音乐分类</p>
                </div>
                <div id="fenlei_lsit">
                    <ul>
                        <#if (classifyList?size>0)>
                            <#list classifyList as classify>
                                <li>
                                    <a href="javascript:void(0);" :style="classifyStyleList[${classify.sort}]"
                                       @click="getClassifyIndex(${classify.sort});toShow()">
                                        ${classify.dictValue!''}
                                    </a></li>
                            </#list>
                        </#if>

                        <li class="recommended-more" style="float: right;margin-right: 0px;"><a
                                    href="/sort/cl">更多&gt;</a></li>
                    </ul>
                </div>
            </div>
            <div class="box_top2">
                <div class="top_class_title2">
                    网站推荐
                </div>
                <div class="top_class_c">
                    <ul>
                        <li>
                            <a href="javascript:void(0);">
                                <i class="layui-icon layui-icon-triangle-r"
                                   style="color: #5eb95e;font-weight: bold"></i>
                                播放全部
                            </a></li>
                        <li>
                            <a href="javascript:void(0);">
                                <i class="layui-icon layui-icon-add-1"
                                   style="color: #5eb95e;font-weight: bold"></i>
                                加入播放
                            </a></li>

                    </ul>
                </div>
                <div class="top_class_d">
                    <ul>
                        <li :style="typeStyleList[4]" @click="getTypeIndex(4);toShow()">
                            <a href="javascript:void(0);">
                                交谊舞曲
                            </a></li>
                        <li :style="typeStyleList[3]" @click="getTypeIndex(3);toShow()">
                            <a href="javascript:void(0);">
                                外文单曲
                            </a></li>
                        <li :style="typeStyleList[2]" @click="getTypeIndex(2);toShow()">
                            <a href="javascript:void(0);">
                                中文单曲
                            </a></li>
                        <li :style="typeStyleList[1]" @click="getTypeIndex(1);toShow()">
                            <a href="javascript:void(0);">
                                音乐连版
                            </a></li>
                        <li :style="typeStyleList[0]" @click="getTypeIndex(0);toShow()">
                            <a href="javascript:void(0);">
                                串烧舞曲
                            </a></li>
                    </ul>
                </div>
            </div>
            <div class="h10"></div>
            <#--推荐 串烧-->
            <div class="left_box" v-if="showList[0]">
                <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                    <#if (recommendMusicMap.ownerMusicList?size>0)>
                    <#list recommendMusicMap.ownerMusicList as ownerMusic>
                    <tr>
                        <td>
                            <div class="music_i">
                                <a href="/djxibo-portal/html/musician/${ownerMusic.musicianId?c}_1.html" target="_Pt"
                                   title="${ownerMusic.stageName!''}"><img
                                        src="${ownerMusic.musicCover!''}"></a>
                            </div>
                        </td>
                        <td>
                            <div class="l_m_n2">
                                <div class="l_m_n_t2">
                                    <p class="p1"><a href="/djxibo-portal/html/play/${ownerMusic.id?c}.html" target="_Pt"
                                                     title="${ownerMusic.musicName!''}">${ownerMusic.musicName!''}</a>
                                    </p>
                                    <p class="p2">
                                        <span class="p_rq">时长 ${ownerMusic.howLong!''}</span>

                                        <span class="p_sj">${ownerMusic.releaseTime!''}</span>
                                    </p>
                                </div>
                            </div>
                        </td>
                    </tr>
                    </#list>
                    </#if>
                </table>
            </div>
            <#--推荐 音乐连版-->
            <div class="left_box" v-if="showList[1]">
                <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                    <#if (recommendMusicMap.songOwnerMusicList?size>0)>
                        <#list recommendMusicMap.songOwnerMusicList as songOwnerMusic>
                            <tr>
                                <td>
                                    <div class="music_i">
                                        <a href="/djxibo-portal/html/musician/${songOwnerMusic.musicianId?c}_1.html" target="_Pt"
                                           title="${songOwnerMusic.stageName!''}"><img
                                                    src="${songOwnerMusic.musicCover!''}"></a>
                                    </div>
                                </td>
                                <td>
                                    <div class="l_m_n2">
                                        <div class="l_m_n_t2">
                                            <p class="p1"><a href="/djxibo-portal/html/play/${songOwnerMusic.id?c}.html" target="_Pt"
                                                             title="${songOwnerMusic.musicName!''}">${songOwnerMusic.musicName!''}</a>
                                            </p>
                                            <p class="p2">
                                                <span class="p_rq">时长 ${songOwnerMusic.howLong!''}</span>

                                                <span class="p_sj">${songOwnerMusic.releaseTime!''}</span>
                                            </p>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </#list>
                    </#if>
                </table>
            </div>
            <#--推荐 中文单曲-->
            <div class="left_box" v-if="showList[2]">
                <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                    <#if (recommendMusicMap.cnSingleMusicList?size>0)>
                        <#list recommendMusicMap.cnSingleMusicList as cnSingleMusic>
                            <tr>
                                <td>
                                    <div class="music_i">
                                        <a href="/djxibo-portal/html/musician/${cnSingleMusic.musicianId?c}_1.html" target="_Pt"
                                           title="${cnSingleMusic.stageName!''}"><img
                                                    src="${cnSingleMusic.musicCover!''}"></a>
                                    </div>
                                </td>
                                <td>
                                    <div class="l_m_n2">
                                        <div class="l_m_n_t2">
                                            <p class="p1"><a href="/djxibo-portal/html/play/${cnSingleMusic.id?c}.html" target="_Pt"
                                                             title="${cnSingleMusic.musicName!''}">${cnSingleMusic.musicName!''}</a>
                                            </p>
                                            <p class="p2">
                                                <span class="p_rq">时长 ${cnSingleMusic.howLong!''}</span>

                                                <span class="p_sj">${cnSingleMusic.releaseTime!''}</span>
                                            </p>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </#list>
                    </#if>
                </table>
            </div>
            <#--推荐 外文单曲-->
            <div class="left_box" v-if="showList[3]">
                <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                    <#if (recommendMusicMap.enSingleMusicList?size>0)>
                        <#list recommendMusicMap.enSingleMusicList as enSingleMusic>
                            <tr>
                                <td>
                                    <div class="music_i">
                                        <a href="/djxibo-portal/html/musician/${enSingleMusic.musicianId?c}_1.html" target="_Pt"
                                           title="${enSingleMusic.stageName!''}"><img
                                                    src="${enSingleMusic.musicCover!''}"></a>
                                    </div>
                                </td>
                                <td>
                                    <div class="l_m_n2">
                                        <div class="l_m_n_t2">
                                            <p class="p1"><a href="/djxibo-portal/html/play/${enSingleMusic.id?c}.html" target="_Pt"
                                                             title="${enSingleMusic.musicName!''}">${enSingleMusic.musicName!''}</a>
                                            </p>
                                            <p class="p2">
                                                <span class="p_rq">时长 ${enSingleMusic.howLong!''}</span>

                                                <span class="p_sj">${enSingleMusic.releaseTime!''}</span>
                                            </p>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </#list>
                    </#if>
                </table>
            </div>
            <#--推荐 交谊舞曲-->
            <div class="left_box" v-if="showList[4]">
                <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                    <#if (recommendMusicMap.socialMusicList?size>0)>
                        <#list recommendMusicMap.socialMusicList as socialMusic>
                            <tr>
                                <td>
                                    <div class="music_i">
                                        <a href="/djxibo-portal/html/musician/${socialMusic.musicianId?c}_1.html" target="_Pt"
                                           title="${socialMusic.stageName!''}"><img
                                                    src="${socialMusic.musicCover!''}"></a>
                                    </div>
                                </td>
                                <td>
                                    <div class="l_m_n2">
                                        <div class="l_m_n_t2">
                                            <p class="p1"><a href="/djxibo-portal/html/play/${socialMusic.id?c}.html" target="_Pt"
                                                             title="${socialMusic.musicName!''}">${socialMusic.musicName!''}</a>
                                            </p>
                                            <p class="p2">
                                                <span class="p_rq">时长 ${socialMusic.howLong!''}</span>

                                                <span class="p_sj">${socialMusic.releaseTime!''}</span>
                                            </p>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </#list>
                    </#if>
                </table>
            </div>

            <#--最新 串烧-->
            <div class="left_box" v-if="showList[5]">
                <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                    <#if (newestMusicMap.ownerMusicList?size>0)>
                        <#list newestMusicMap.ownerMusicList as ownerMusic>
                            <tr>
                                <td>
                                    <div class="music_i">
                                        <a href="/djxibo-portal/html/musician/${ownerMusic.musicianId?c}_1.html" target="_Pt"
                                           title="${ownerMusic.stageName!''}"><img
                                                    src="${ownerMusic.musicCover!''}"></a>
                                    </div>
                                </td>
                                <td>
                                    <div class="l_m_n2">
                                        <div class="l_m_n_t2">
                                            <p class="p1"><a href="/djxibo-portal/html/play/${ownerMusic.id?c}.html" target="_Pt"
                                                             title="${ownerMusic.musicName!''}">${ownerMusic.musicName!''}</a>
                                            </p>
                                            <p class="p2">
                                                <span class="p_rq">时长 ${ownerMusic.howLong!''}</span>

                                                <span class="p_sj">${ownerMusic.releaseTime!''}</span>
                                            </p>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </#list>
                    </#if>
                </table>
            </div>
            <#--最新 音乐连版-->
            <div class="left_box" v-if="showList[6]">
                <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                    <#if (newestMusicMap.songOwnerMusicList?size>0)>
                        <#list newestMusicMap.songOwnerMusicList as songOwnerMusic>
                            <tr>
                                <td>
                                    <div class="music_i">
                                        <a href="/djxibo-portal/html/musician/${songOwnerMusic.musicianId?c}_1.html" target="_Pt"
                                           title="${songOwnerMusic.stageName!''}"><img
                                                    src="${songOwnerMusic.musicCover!''}"></a>
                                    </div>
                                </td>
                                <td>
                                    <div class="l_m_n2">
                                        <div class="l_m_n_t2">
                                            <p class="p1"><a href="/djxibo-portal/html/play/${songOwnerMusic.id?c}.html" target="_Pt"
                                                             title="${songOwnerMusic.musicName!''}">${songOwnerMusic.musicName!''}</a>
                                            </p>
                                            <p class="p2">
                                                <span class="p_rq">时长 ${songOwnerMusic.howLong!''}</span>

                                                <span class="p_sj">${songOwnerMusic.releaseTime!''}</span>
                                            </p>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </#list>
                    </#if>
                </table>
            </div>
            <#--最新 中文单曲-->
            <div class="left_box" v-if="showList[7]">
                <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                    <#if (newestMusicMap.cnSingleMusicList?size>0)>
                        <#list newestMusicMap.cnSingleMusicList as cnSingleMusic>
                            <tr>
                                <td>
                                    <div class="music_i">
                                        <a href="/djxibo-portal/html/musician/${cnSingleMusic.musicianId?c}_1.html" target="_Pt"
                                           title="${cnSingleMusic.stageName!''}"><img
                                                    src="${cnSingleMusic.musicCover!''}"></a>
                                    </div>
                                </td>
                                <td>
                                    <div class="l_m_n2">
                                        <div class="l_m_n_t2">
                                            <p class="p1"><a href="/djxibo-portal/html/play/${cnSingleMusic.id?c}.html" target="_Pt"
                                                             title="${cnSingleMusic.musicName!''}">${cnSingleMusic.musicName!''}</a>
                                            </p>
                                            <p class="p2">
                                                <span class="p_rq">时长 ${cnSingleMusic.howLong!''}</span>

                                                <span class="p_sj">${cnSingleMusic.releaseTime!''}</span>
                                            </p>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </#list>
                    </#if>
                </table>
            </div>
            <#--最新 外文单曲-->
            <div class="left_box" v-if="showList[8]">
                <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                    <#if (newestMusicMap.enSingleMusicList?size>0)>
                        <#list newestMusicMap.enSingleMusicList as enSingleMusic>
                            <tr>
                                <td>
                                    <div class="music_i">
                                        <a href="/djxibo-portal/html/musician/${enSingleMusic.musicianId?c}_1.html" target="_Pt"
                                           title="${enSingleMusic.stageName!''}"><img
                                                    src="${enSingleMusic.musicCover!''}"></a>
                                    </div>
                                </td>
                                <td>
                                    <div class="l_m_n2">
                                        <div class="l_m_n_t2">
                                            <p class="p1"><a href="/djxibo-portal/html/play/${enSingleMusic.id?c}.html" target="_Pt"
                                                             title="${enSingleMusic.musicName!''}">${enSingleMusic.musicName!''}</a>
                                            </p>
                                            <p class="p2">
                                                <span class="p_rq">时长 ${enSingleMusic.howLong!''}</span>

                                                <span class="p_sj">${enSingleMusic.releaseTime!''}</span>
                                            </p>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </#list>
                    </#if>
                </table>
            </div>
            <#--最新 交谊舞曲-->
            <div class="left_box" v-if="showList[9]">
                <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                    <#if (newestMusicMap.socialMusicList?size>0)>
                        <#list newestMusicMap.socialMusicList as socialMusic>
                            <tr>
                                <td>
                                    <div class="music_i">
                                        <a href="/djxibo-portal/html/musician/${socialMusic.musicianId?c}_1.html" target="_Pt"
                                           title="${socialMusic.stageName!''}"><img
                                                    src="${socialMusic.musicCover!''}"></a>
                                    </div>
                                </td>
                                <td>
                                    <div class="l_m_n2">
                                        <div class="l_m_n_t2">
                                            <p class="p1"><a href="/djxibo-portal/html/play/${socialMusic.id?c}.html" target="_Pt"
                                                             title="${socialMusic.musicName!''}">${socialMusic.musicName!''}</a>
                                            </p>
                                            <p class="p2">
                                                <span class="p_rq">时长 ${socialMusic.howLong!''}</span>

                                                <span class="p_sj">${socialMusic.releaseTime!''}</span>
                                            </p>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </#list>
                    </#if>
                </table>
            </div>

            <#--热播 串烧-->
            <div class="left_box" v-if="showList[10]">
                <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                    <#if (hotMusicMap.ownerMusicList?size>0)>
                        <#list hotMusicMap.ownerMusicList as ownerMusic>
                            <tr>
                                <td>
                                    <div class="music_i">
                                        <a href="/djxibo-portal/html/musician/${ownerMusic.musicianId?c}_1.html" target="_Pt"
                                           title="${ownerMusic.stageName!''}"><img
                                                    src="${ownerMusic.musicCover!''}"></a>
                                    </div>
                                </td>
                                <td>
                                    <div class="l_m_n2">
                                        <div class="l_m_n_t2">
                                            <p class="p1"><a href="/djxibo-portal/html/play/${ownerMusic.id?c}.html" target="_Pt"
                                                             title="${ownerMusic.musicName!''}">${ownerMusic.musicName!''}</a>
                                            </p>
                                            <p class="p2">
                                                <span class="p_rq">时长 ${ownerMusic.howLong!''}</span>

                                                <span class="p_sj">${ownerMusic.releaseTime!''}</span>
                                            </p>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </#list>
                    </#if>
                </table>
            </div>
            <#--热播 音乐连版-->
            <div class="left_box" v-if="showList[11]">
                <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                    <#if (hotMusicMap.songOwnerMusicList?size>0)>
                        <#list hotMusicMap.songOwnerMusicList as songOwnerMusic>
                            <tr>
                                <td>
                                    <div class="music_i">
                                        <a href="/djxibo-portal/html/musician/${songOwnerMusic.musicianId?c}_1.html" target="_Pt"
                                           title="${songOwnerMusic.stageName!''}"><img
                                                    src="${songOwnerMusic.musicCover!''}"></a>
                                    </div>
                                </td>
                                <td>
                                    <div class="l_m_n2">
                                        <div class="l_m_n_t2">
                                            <p class="p1"><a href="/djxibo-portal/html/play/${songOwnerMusic.id?c}.html" target="_Pt"
                                                             title="${songOwnerMusic.musicName!''}">${songOwnerMusic.musicName!''}</a>
                                            </p>
                                            <p class="p2">
                                                <span class="p_rq">时长 ${songOwnerMusic.howLong!''}</span>

                                                <span class="p_sj">${songOwnerMusic.releaseTime!''}</span>
                                            </p>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </#list>
                    </#if>
                </table>
            </div>
            <#--热播 中文单曲-->
            <div class="left_box" v-if="showList[12]">
                <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                    <#if (hotMusicMap.cnSingleMusicList?size>0)>
                        <#list hotMusicMap.cnSingleMusicList as cnSingleMusic>
                            <tr>
                                <td>
                                    <div class="music_i">
                                        <a href="/djxibo-portal/html/musician/${cnSingleMusic.musicianId?c}_1.html" target="_Pt"
                                           title="${cnSingleMusic.stageName!''}"><img
                                                    src="${cnSingleMusic.musicCover!''}"></a>
                                    </div>
                                </td>
                                <td>
                                    <div class="l_m_n2">
                                        <div class="l_m_n_t2">
                                            <p class="p1"><a href="/djxibo-portal/html/play/${cnSingleMusic.id?c}.html" target="_Pt"
                                                             title="${cnSingleMusic.musicName!''}">${cnSingleMusic.musicName!''}</a>
                                            </p>
                                            <p class="p2">
                                                <span class="p_rq">时长 ${cnSingleMusic.howLong!''}</span>

                                                <span class="p_sj">${cnSingleMusic.releaseTime!''}</span>
                                            </p>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </#list>
                    </#if>
                </table>
            </div>
            <#--热播 外文单曲-->
            <div class="left_box" v-if="showList[13]">
                <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                    <#if (hotMusicMap.enSingleMusicList?size>0)>
                        <#list hotMusicMap.enSingleMusicList as enSingleMusic>
                            <tr>
                                <td>
                                    <div class="music_i">
                                        <a href="/djxibo-portal/html/musician/${enSingleMusic.musicianId?c}_1.html" target="_Pt"
                                           title="${enSingleMusic.stageName!''}"><img
                                                    src="${enSingleMusic.musicCover!''}"></a>
                                    </div>
                                </td>
                                <td>
                                    <div class="l_m_n2">
                                        <div class="l_m_n_t2">
                                            <p class="p1"><a href="/djxibo-portal/html/play/${enSingleMusic.id?c}.html" target="_Pt"
                                                             title="${enSingleMusic.musicName!''}">${enSingleMusic.musicName!''}</a>
                                            </p>
                                            <p class="p2">
                                                <span class="p_rq">时长 ${enSingleMusic.howLong!''}</span>

                                                <span class="p_sj">${enSingleMusic.releaseTime!''}</span>
                                            </p>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </#list>
                    </#if>
                </table>
            </div>
            <#--热播 交谊舞曲-->
            <div class="left_box" v-if="showList[14]">
                <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                    <#if (hotMusicMap.socialMusicList?size>0)>
                        <#list hotMusicMap.socialMusicList as socialMusic>
                            <tr>
                                <td>
                                    <div class="music_i">
                                        <a href="/djxibo-portal/html/musician/${socialMusic.musicianId?c}_1.html" target="_Pt"
                                           title="${socialMusic.stageName!''}"><img
                                                    src="${socialMusic.musicCover!''}"></a>
                                    </div>
                                </td>
                                <td>
                                    <div class="l_m_n2">
                                        <div class="l_m_n_t2">
                                            <p class="p1"><a href="/djxibo-portal/html/play/${socialMusic.id?c}.html" target="_Pt"
                                                             title="${socialMusic.musicName!''}">${socialMusic.musicName!''}</a>
                                            </p>
                                            <p class="p2">
                                                <span class="p_rq">时长 ${socialMusic.howLong!''}</span>

                                                <span class="p_sj">${socialMusic.releaseTime!''}</span>
                                            </p>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </#list>
                    </#if>
                </table>
            </div>

            <#--精品 串烧-->
            <div class="left_box" v-if="showList[15]">
                <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                    <#if (boutiqueMusicMap.ownerMusicList?size>0)>
                        <#list boutiqueMusicMap.ownerMusicList as ownerMusic>
                            <tr>
                                <td>
                                    <div class="music_i">
                                        <a href="/djxibo-portal/html/musician/${ownerMusic.musicianId?c}_1.html" target="_Pt"
                                           title="${ownerMusic.stageName!''}"><img
                                                    src="${ownerMusic.musicCover!''}"></a>
                                    </div>
                                </td>
                                <td>
                                    <div class="l_m_n2">
                                        <div class="l_m_n_t2">
                                            <p class="p1"><a href="/djxibo-portal/html/play/${ownerMusic.id?c}.html" target="_Pt"
                                                             title="${ownerMusic.musicName!''}">${ownerMusic.musicName!''}</a>
                                            </p>
                                            <p class="p2">
                                                <span class="p_rq">时长 ${ownerMusic.howLong!''}</span>

                                                <span class="p_sj">${ownerMusic.releaseTime!''}</span>
                                            </p>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </#list>
                    </#if>
                </table>
            </div>
            <#--精品 音乐连版-->
            <div class="left_box" v-if="showList[16]">
                <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                    <#if (boutiqueMusicMap.songOwnerMusicList?size>0)>
                        <#list boutiqueMusicMap.songOwnerMusicList as songOwnerMusic>
                            <tr>
                                <td>
                                    <div class="music_i">
                                        <a href="/djxibo-portal/html/musician/${songOwnerMusic.musicianId?c}_1.html" target="_Pt"
                                           title="${songOwnerMusic.stageName!''}"><img
                                                    src="${songOwnerMusic.musicCover!''}"></a>
                                    </div>
                                </td>
                                <td>
                                    <div class="l_m_n2">
                                        <div class="l_m_n_t2">
                                            <p class="p1"><a href="/djxibo-portal/html/play/${songOwnerMusic.id?c}.html" target="_Pt"
                                                             title="${songOwnerMusic.musicName!''}">${songOwnerMusic.musicName!''}</a>
                                            </p>
                                            <p class="p2">
                                                <span class="p_rq">时长 ${songOwnerMusic.howLong!''}</span>

                                                <span class="p_sj">${songOwnerMusic.releaseTime!''}</span>
                                            </p>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </#list>
                    </#if>
                </table>
            </div>
            <#--精品 中文单曲-->
            <div class="left_box" v-if="showList[17]">
                <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                    <#if (boutiqueMusicMap.cnSingleMusicList?size>0)>
                        <#list boutiqueMusicMap.cnSingleMusicList as cnSingleMusic>
                            <tr>
                                <td>
                                    <div class="music_i">
                                        <a href="/djxibo-portal/html/musician/${cnSingleMusic.musicianId?c}_1.html" target="_Pt"
                                           title="${cnSingleMusic.stageName!''}"><img
                                                    src="${cnSingleMusic.musicCover!''}"></a>
                                    </div>
                                </td>
                                <td>
                                    <div class="l_m_n2">
                                        <div class="l_m_n_t2">
                                            <p class="p1"><a href="/djxibo-portal/html/play/${cnSingleMusic.id?c}.html" target="_Pt"
                                                             title="${cnSingleMusic.musicName!''}">${cnSingleMusic.musicName!''}</a>
                                            </p>
                                            <p class="p2">
                                                <span class="p_rq">时长 ${cnSingleMusic.howLong!''}</span>

                                                <span class="p_sj">${cnSingleMusic.releaseTime!''}</span>
                                            </p>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </#list>
                    </#if>
                </table>
            </div>
            <#--精品 外文单曲-->
            <div class="left_box" v-if="showList[18]">
                <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                    <#if (boutiqueMusicMap.enSingleMusicList?size>0)>
                        <#list boutiqueMusicMap.enSingleMusicList as enSingleMusic>
                            <tr>
                                <td>
                                    <div class="music_i">
                                        <a href="/djxibo-portal/html/musician/${enSingleMusic.musicianId?c}_1.html" target="_Pt"
                                           title="${enSingleMusic.stageName!''}"><img
                                                    src="${enSingleMusic.musicCover!''}"></a>
                                    </div>
                                </td>
                                <td>
                                    <div class="l_m_n2">
                                        <div class="l_m_n_t2">
                                            <p class="p1"><a href="/djxibo-portal/html/play/${enSingleMusic.id?c}.html" target="_Pt"
                                                             title="${enSingleMusic.musicName!''}">${enSingleMusic.musicName!''}</a>
                                            </p>
                                            <p class="p2">
                                                <span class="p_rq">时长 ${enSingleMusic.howLong!''}</span>

                                                <span class="p_sj">${enSingleMusic.releaseTime!''}</span>
                                            </p>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </#list>
                    </#if>
                </table>
            </div>
            <#--精品 交谊舞曲-->
            <div class="left_box" v-if="showList[19]">
                <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                    <#if (boutiqueMusicMap.socialMusicList?size>0)>
                        <#list boutiqueMusicMap.socialMusicList as socialMusic>
                            <tr>
                                <td>
                                    <div class="music_i">
                                        <a href="/djxibo-portal/html/musician/${socialMusic.musicianId?c}_1.html" target="_Pt"
                                           title="${socialMusic.stageName!''}"><img
                                                    src="${socialMusic.musicCover!''}"></a>
                                    </div>
                                </td>
                                <td>
                                    <div class="l_m_n2">
                                        <div class="l_m_n_t2">
                                            <p class="p1"><a href="/djxibo-portal/html/play/${socialMusic.id?c}.html" target="_Pt"
                                                             title="${socialMusic.musicName!''}">${socialMusic.musicName!''}</a>
                                            </p>
                                            <p class="p2">
                                                <span class="p_rq">时长 ${socialMusic.howLong!''}</span>

                                                <span class="p_sj">${socialMusic.releaseTime!''}</span>
                                            </p>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </#list>
                    </#if>
                </table>
            </div>

            <#--车载 串烧-->
            <div class="left_box" v-if="showList[20]">
                <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                    <#if (vehicleMusicMap.ownerMusicList?size>0)>
                        <#list vehicleMusicMap.ownerMusicList as ownerMusic>
                            <tr>
                                <td>
                                    <div class="music_i">
                                        <a href="/djxibo-portal/html/musician/${ownerMusic.musicianId?c}_1.html" target="_Pt"
                                           title="${ownerMusic.stageName!''}"><img
                                                    src="${ownerMusic.musicCover!''}"></a>
                                    </div>
                                </td>
                                <td>
                                    <div class="l_m_n2">
                                        <div class="l_m_n_t2">
                                            <p class="p1"><a href="/djxibo-portal/html/play/${ownerMusic.id?c}.html" target="_Pt"
                                                             title="${ownerMusic.musicName!''}">${ownerMusic.musicName!''}</a>
                                            </p>
                                            <p class="p2">
                                                <span class="p_rq">时长 ${ownerMusic.howLong!''}</span>

                                                <span class="p_sj">${ownerMusic.releaseTime!''}</span>
                                            </p>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </#list>
                    </#if>
                </table>
            </div>
            <#--车载 音乐连版-->
            <div class="left_box" v-if="showList[21]">
                <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                    <#if (vehicleMusicMap.songOwnerMusicList?size>0)>
                        <#list vehicleMusicMap.songOwnerMusicList as songOwnerMusic>
                            <tr>
                                <td>
                                    <div class="music_i">
                                        <a href="/djxibo-portal/html/musician/${songOwnerMusic.musicianId?c}_1.html" target="_Pt"
                                           title="${songOwnerMusic.stageName!''}"><img
                                                    src="${songOwnerMusic.musicCover!''}"></a>
                                    </div>
                                </td>
                                <td>
                                    <div class="l_m_n2">
                                        <div class="l_m_n_t2">
                                            <p class="p1"><a href="/djxibo-portal/html/play/${songOwnerMusic.id?c}.html" target="_Pt"
                                                             title="${songOwnerMusic.musicName!''}">${songOwnerMusic.musicName!''}</a>
                                            </p>
                                            <p class="p2">
                                                <span class="p_rq">时长 ${songOwnerMusic.howLong!''}</span>

                                                <span class="p_sj">${songOwnerMusic.releaseTime!''}</span>
                                            </p>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </#list>
                    </#if>
                </table>
            </div>
            <#--车载 中文单曲-->
            <div class="left_box" v-if="showList[22]">
                <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                    <#if (vehicleMusicMap.cnSingleMusicList?size>0)>
                        <#list vehicleMusicMap.cnSingleMusicList as cnSingleMusic>
                            <tr>
                                <td>
                                    <div class="music_i">
                                        <a href="/djxibo-portal/html/musician/${cnSingleMusic.musicianId?c}_1.html" target="_Pt"
                                           title="${cnSingleMusic.stageName!''}"><img
                                                    src="${cnSingleMusic.musicCover!''}"></a>
                                    </div>
                                </td>
                                <td>
                                    <div class="l_m_n2">
                                        <div class="l_m_n_t2">
                                            <p class="p1"><a href="/djxibo-portal/html/play/${cnSingleMusic.id?c}.html" target="_Pt"
                                                             title="${cnSingleMusic.musicName!''}">${cnSingleMusic.musicName!''}</a>
                                            </p>
                                            <p class="p2">
                                                <span class="p_rq">时长 ${cnSingleMusic.howLong!''}</span>

                                                <span class="p_sj">${cnSingleMusic.releaseTime!''}</span>
                                            </p>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </#list>
                    </#if>
                </table>
            </div>
            <#--车载 外文单曲-->
            <div class="left_box" v-if="showList[23]">
                <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                    <#if (vehicleMusicMap.enSingleMusicList?size>0)>
                        <#list vehicleMusicMap.enSingleMusicList as enSingleMusic>
                            <tr>
                                <td>
                                    <div class="music_i">
                                        <a href="/djxibo-portal/html/musician/${enSingleMusic.musicianId?c}_1.html" target="_Pt"
                                           title="${enSingleMusic.stageName!''}"><img
                                                    src="${enSingleMusic.musicCover!''}"></a>
                                    </div>
                                </td>
                                <td>
                                    <div class="l_m_n2">
                                        <div class="l_m_n_t2">
                                            <p class="p1"><a href="/djxibo-portal/html/play/${enSingleMusic.id?c}.html" target="_Pt"
                                                             title="${enSingleMusic.musicName!''}">${enSingleMusic.musicName!''}</a>
                                            </p>
                                            <p class="p2">
                                                <span class="p_rq">时长 ${enSingleMusic.howLong!''}</span>

                                                <span class="p_sj">${enSingleMusic.releaseTime!''}</span>
                                            </p>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </#list>
                    </#if>
                </table>
            </div>
            <#--车载 交谊舞曲-->
            <div class="left_box" v-if="showList[24]">
                <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                    <#if (vehicleMusicMap.socialMusicList?size>0)>
                        <#list vehicleMusicMap.socialMusicList as socialMusic>
                            <tr>
                                <td>
                                    <div class="music_i">
                                        <a href="/djxibo-portal/html/musician/${socialMusic.musicianId?c}_1.html" target="_Pt"
                                           title="${socialMusic.stageName!''}"><img
                                                    src="${socialMusic.musicCover!''}"></a>
                                    </div>
                                </td>
                                <td>
                                    <div class="l_m_n2">
                                        <div class="l_m_n_t2">
                                            <p class="p1"><a href="/djxibo-portal/html/play/${socialMusic.id?c}.html" target="_Pt"
                                                             title="${socialMusic.musicName!''}">${socialMusic.musicName!''}</a>
                                            </p>
                                            <p class="p2">
                                                <span class="p_rq">时长 ${socialMusic.howLong!''}</span>

                                                <span class="p_sj">${socialMusic.releaseTime!''}</span>
                                            </p>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </#list>
                    </#if>
                </table>
            </div>



            <div class="h10-2"></div>
            <div class="h10"></div>
            <div class="type_tag2">
                <div class="type_title_tag">
                    <p>音乐专辑</p>
                </div>
                <div class="type_lsit_tag2">
                    <ul>
                        <li class="recommended-more"><a href="javascript:void(0);" :style="albumStyleList[0]"
                                                        @click="toAlbumShow(0)">最近更新</a></li>
                        <li class="recommended-more"><a href="javascript:void(0);" :style="albumStyleList[1]"
                                                        @click="toAlbumShow(1)">人气排行</a></li>
                        <li class="recommended-more" style="float: right;margin-right: 8px;"><a
                                    href="/html/lists/album/1_1.html">更多&gt;</a></li>
                    </ul>
                </div>
            </div>
            <div v-if="albumShowList[0]">
                <ul class="tag_list2">
                    <#if (albumNewList?size>0)>
                    <#list albumNewList as album>
                    <li><a href="/djxibo-portal/html/album/${album.id?c}_1.html" class="tag_img" target="_blank" title="${album.name!''}"><img
                                    src="${album.cover!''}"
                                    style="display: inline;"></a><br><a href="/djxibo-portal/html/album/${album.id?c}_1.html" target="_blank"
                                                                        title="${album.name!''}"><p>
                                ${album.name!''}</p></a>
                    </li>
                    </#list>
                    </#if>
                </ul>
            </div>
            <div v-if="albumShowList[1]">
                <ul class="tag_list2">
                    <#if (albumHotList?size>0)>
                        <#list albumHotList as album>
                            <li><a href="/djxibo-portal/html/album/${album.id?c}_1.html" class="tag_img" target="_blank" title="${album.name!''}"><img
                                            src="${album.cover!''}"
                                            style="display: inline;"></a><br><a href="/djxibo-portal/html/album/${album.id?c}_1.html" target="_blank"
                                                                                title="${album.name!''}"><p>
                                        ${album.name!''}</p></a>
                            </li>
                        </#list>
                    </#if>
                </ul>
            </div>
        </div>
        <div class="music_right2">
            <!--广告图-->
            <img src="img/indexr.jpeg" style="width: 220px;height: 190px">
            <div class="h10"></div>
            <div class="h10-3" style="height: 1px"></div>
            <div class="h10"></div>
            <!--广告图-->
            <img src="img/20200710.jpg" style="width: 220px;height: 80px">
            <div class="h10"></div>
            <div class="h10-3"></div>
            <div class="h10"></div>
            <div class="fenglei_r">
                <div class="fenleir_title2">
                    <p>排行榜</p>
                </div>
                <div class="fenleir_lsit">
                    <ul>
                        <li>
                            <a href="javascript:void(0);" :style="rankingClassifyStyleList[1]"
                               @click="getRankingClassifyIndex(1);toRankingShow()">
                                单曲
                            </a></li>
                        <li>
                            <a href="javascript:void(0);" :style="rankingClassifyStyleList[0]"
                               @click="getRankingClassifyIndex(0);toRankingShow()">
                                串烧
                            </a></li>
                    </ul>
                </div>
            </div>
            <div class="right_box">
                <div class="h10"></div>
                <div class="boxr_top">
                    <div class="topr_class_c">
                        <ul>
                            <li :style="rankingTypeStyleList[0]" @click="getRankingTypeIndex(0);toRankingShow()">
                                <a href="javascript:void(0);">
                                    周榜
                                </a></li>
                            <li :style="rankingTypeStyleList[1]" @click="getRankingTypeIndex(1);toRankingShow()">
                                <a href="javascript:void(0);">
                                    月榜
                                </a></li>
                            <li :style="rankingTypeStyleList[2]" @click="getRankingTypeIndex(2);toRankingShow()">
                                <a href="javascript:void(0);">
                                    季榜
                                </a></li>
                        </ul>
                    </div>
                </div>
                <div class="h10"></div>
                <#--串烧 周榜-->
                <div class="boxr_body" v-if="rankingShowList[0]">
                    <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                        <#if (rankingOwnerMusicMap.weekMusicList?size>0)>
                        <#list rankingOwnerMusicMap.weekMusicList as weekMusic>
                        <tr>
                            <td>
                                <div class="music_s">
                                    <#if (weekMusic_index < 9)>
                                        <span class="num_${weekMusic_index+1}">0${weekMusic_index+1}</span>
                                    </#if>
                                    <#if (weekMusic_index >= 9)>
                                        <span class="num_${weekMusic_index+1}">${weekMusic_index+1}</span>
                                    </#if>
                                </div>
                            </td>
                            <td>
                                <div class="music_p">
                                    <p>
                                        <a href="/djxibo-portal/html/play/${weekMusic.id?c}.html" target="_Pt">${weekMusic.name!''}</a>
                                    </p>
                                </div>
                            </td>
                        </tr>
                         </#list>
                        </#if>
                    </table>
                </div>
                <#--串烧 月榜-->
                <div class="boxr_body" v-if="rankingShowList[1]">
                    <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                        <#if (rankingOwnerMusicMap.monthMusicList?size>0)>
                            <#list rankingOwnerMusicMap.monthMusicList as monthMusic>
                                <tr>
                                    <td>
                                        <div class="music_s">
                                            <#if (monthMusic_index < 9)>
                                                <span class="num_${monthMusic_index+1}">0${monthMusic_index+1}</span>
                                            </#if>
                                            <#if (monthMusic_index >= 9)>
                                                <span class="num_${monthMusic_index+1}">${monthMusic_index+1}</span>
                                            </#if>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="music_p">
                                            <p>
                                                <a href="/djxibo-portal/html/play/${monthMusic.id?c}.html" target="_Pt">${monthMusic.name!''}</a>
                                            </p>
                                        </div>
                                    </td>
                                </tr>
                            </#list>
                        </#if>
                    </table>
                </div>
                <#--串烧 季榜-->
                <div class="boxr_body" v-if="rankingShowList[2]">
                    <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                        <#if (rankingOwnerMusicMap.quarterMusicList?size>0)>
                            <#list rankingOwnerMusicMap.quarterMusicList as quarterMusic>
                                <tr>
                                    <td>
                                        <div class="music_s">
                                            <#if (quarterMusic_index < 9)>
                                                <span class="num_${quarterMusic_index+1}">0${quarterMusic_index+1}</span>
                                            </#if>
                                            <#if (quarterMusic_index >= 9)>
                                                <span class="num_${quarterMusic_index+1}">${quarterMusic_index+1}</span>
                                            </#if>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="music_p">
                                            <p>
                                                <a href="/djxibo-portal/html/play/${quarterMusic.id?c}.html" target="_Pt">${quarterMusic.name!''}</a>
                                            </p>
                                        </div>
                                    </td>
                                </tr>
                            </#list>
                        </#if>
                    </table>
                </div>

                <#--单曲 周榜-->
                <div class="boxr_body" v-if="rankingShowList[3]">
                    <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                        <#if (rankingSingleMusicMap.weekMusicList?size>0)>
                            <#list rankingSingleMusicMap.weekMusicList as weekMusic>
                                <tr>
                                    <td>
                                        <div class="music_s">
                                            <#if (weekMusic_index < 9)>
                                                <span class="num_${weekMusic_index+1}">0${weekMusic_index+1}</span>
                                            </#if>
                                            <#if (weekMusic_index >= 9)>
                                                <span class="num_${weekMusic_index+1}">${weekMusic_index+1}</span>
                                            </#if>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="music_p">
                                            <p>
                                                <a href="/djxibo-portal/html/play/${weekMusic.id?c}.html" target="_Pt">${weekMusic.name!''}</a>
                                            </p>
                                        </div>
                                    </td>
                                </tr>
                            </#list>
                        </#if>
                    </table>
                </div>
                <#--单曲 月榜-->
                <div class="boxr_body" v-if="rankingShowList[4]">
                    <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                        <#if (rankingSingleMusicMap.monthMusicList?size>0)>
                            <#list rankingSingleMusicMap.monthMusicList as monthMusic>
                                <tr>
                                    <td>
                                        <div class="music_s">
                                            <#if (monthMusic_index < 9)>
                                                <span class="num_${monthMusic_index+1}">0${monthMusic_index+1}</span>
                                            </#if>
                                            <#if (monthMusic_index >= 9)>
                                                <span class="num_${monthMusic_index+1}">${monthMusic_index+1}</span>
                                            </#if>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="music_p">
                                            <p>
                                                <a href="/djxibo-portal/html/play/${monthMusic.id?c}.html" target="_Pt">${monthMusic.name!''}</a>
                                            </p>
                                        </div>
                                    </td>
                                </tr>
                            </#list>
                        </#if>
                    </table>
                </div>
                <#--单曲 季榜-->
                <div class="boxr_body" v-if="rankingShowList[5]">
                    <table border="0" cellspacing="0" cellpadding="0" class="index_table">
                        <#if (rankingSingleMusicMap.quarterMusicList?size>0)>
                            <#list rankingSingleMusicMap.quarterMusicList as quarterMusic>
                                <tr>
                                    <td>
                                        <div class="music_s">
                                            <#if (quarterMusic_index < 9)>
                                                <span class="num_${quarterMusic_index+1}">0${quarterMusic_index+1}</span>
                                            </#if>
                                            <#if (quarterMusic_index >= 9)>
                                                <span class="num_${quarterMusic_index+1}">${quarterMusic_index+1}</span>
                                            </#if>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="music_p">
                                            <p>
                                                <a href="/djxibo-portal/html/play/${quarterMusic.id?c}.html" target="_Pt">${quarterMusic.name!''}</a>
                                            </p>
                                        </div>
                                    </td>
                                </tr>
                            </#list>
                        </#if>
                    </table>
                </div>

            </div>
        </div>
    </div>
    <div class="h10"></div>

    <div class="body_2">
        <div class="body_content">
            <div class="type_tag">
                <div class="type_title_tag">
                    <p>音乐制作人</p>
                </div>
                <div class="type_lsit_tag">
                    <ul>
                        <li class="recommended-more"><a href="javascript:void(0);" :style="musicianStyleList[0]"
                                                        @click="toMusicianShow(0)">最近更新</a></li>
                        <li class="recommended-more"><a href="javascript:void(0);" :style="musicianStyleList[1]"
                                                        @click="toMusicianShow(1)">人气排行</a></li>
                        <li class="recommended-more" style="float: right;margin-right: 0px;"><a
                                    href="/html/lists/musician/1_1.html">更多&gt;</a></li>
                    </ul>
                </div>
            </div>
            <div class="h10"></div>
            <div class="yyr-div" v-if="musicianShowList[0]">
                <ul class="tag_list">
                    <#if (musicianNewList?size>0)>
                        <#list musicianNewList as musician>
                    <li><a href="/djxibo-portal/html/musician/${musician.id?c}_1.html" class="tag_img" target="_blank" title="${musician.stageName!''}"><img
                                    src="${musician.avatarUrl!''}"
                                    style="display: inline;"></a><br><a href="/djxibo-portal/html/musician/${musician.id?c}_1.html" target="_blank"
                                                                        title="${musician.stageName!''}"><p>
                                ${musician.stageName!''}</p></a>
                    </li>
                        </#list>
                    </#if>
                </ul>
            </div>
            <div class="yyr-div" v-if="musicianShowList[1]">
                <ul class="tag_list">
                    <#if (musicianHotList?size>0)>
                        <#list musicianHotList as musician>
                            <li><a href="/djxibo-portal/html/musician/${musician.id?c}_1.html" class="tag_img" target="_blank" title="${musician.stageName!''}"><img
                                            src="${musician.avatarUrl!''}"
                                            style="display: inline;"></a><br><a href="/djxibo-portal/html/musician/${musician.id?c}_1.html" target="_blank"
                                                                                title="${musician.stageName!''}"><p>
                                        ${musician.stageName!''}</p></a>
                            </li>
                        </#list>
                    </#if>
                </ul>
            </div>
        </div>
    </div>
    <div class="h10"></div>




</div>
<!--body结束-->
<!--底部-->
<div id="bottom">
    <div class="h15"></div>
    <div class="h15"></div>
    <div id="bottom_d2">
        <p>声明：DJ细波舞曲网是一个 DJ 分享与交流的平台,站内所有DJ舞曲均由网友上传并提供DJ试听与DJ下载，其版权为DJ作者或DJ所属公司拥有</p>
        <p>如果本站会员上传的某一首DJ舞曲侵犯到了您的权益请来信告知，我们会在3个工作日之内删除。 管理邮箱：kefu@djxibo.com</p>
        <p>Copyright © 2002-2019 www.djxibo.com All Rights Reserved 苏ICP备16062544号-1</p>
    </div>
</div>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/index.js"></script>

<style type="text/css">
    .el-pager li {
        padding: 0 4px;
        background: #1f2432;
        font-size: 13px;
        min-width: 35.5px;
        height: 28px;
        line-height: 28px;
        box-sizing: border-box;
        color: #aaaaaa;
    }
    .el-pagination button:disabled {
        color: #606266;
        background-color: #1f2432;
        cursor: not-allowed;
    }
    .el-pagination .btn-next, .el-pagination .btn-prev {
        background: center center no-repeat #1f2432;
        background-size: 16px;
        cursor: pointer;
        margin: 0;
        color: #aaaaaa;
    }
    .el-input__inner {
        -webkit-appearance: none;
        background-color: #1f2432;
        border-radius: 4px;
        border: 1px solid #606266;
        box-sizing: border-box;
        color: #aaaaaa;
        display: inline-block;
        font-size: inherit;
        height: 40px;
        line-height: 40px;
        outline: 0;
        padding: 0 15px;
        transition: border-color .2s cubic-bezier(.645,.045,.355,1);
        width: 100%;
    }
    .el-table tbody tr:hover>td {
        background-color:unset !important
    }
    .el-table__body tr.hover-row.current-row>td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell, .el-table__body tr.hover-row>td.el-table__cell{
        background-color:unset !important;
    }
    .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
        margin: 0 5px;
        background-color: unset;
        color: #aaaaaa;
        min-width: 30px;
        border-radius: 2px;
    }
    .el-table::before {
        background-color: #333a50;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
    }
    .el-table__fixed-right::before, .el-table__fixed::before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background-color: #333a50;
        z-index: 4;
    }
    .el-pager li.btn-quicknext, .el-pager li.btn-quickprev {
        line-height: 28px;
        color: #aaaaaa;
    }
    .el-pager li:hover {
        color: #409eff;
    }
    /*多选框*/
    .el-checkbox {
        color: #C0C4CC;
        font-weight: 500;
        font-size: 14px;
        cursor: pointer;
        user-select: none;
        margin-right: 20px;
    }
    .el-checkbox__input.is-disabled+span.el-checkbox__label {
        color: #606266;
        cursor: not-allowed;
    }
    .el-checkbox__inner {
        display: none;
        margin-bottom: 2px;
        position: relative;
        border: 1px solid #C0C4CC;
        border-radius: 2px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 14px;
        height: 14px;
        background-color: unset;
        z-index: 1;
        -webkit-transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);
        transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);
    }
    .el-checkbox__input.is-disabled .el-checkbox__inner {
        background-color: unset;
        border-color: #606266;
        cursor: not-allowed;
    }
    .el-checkbox__label {
        display: inline-block;
        padding-left: 6px;
        line-height: 19px;
        font-size: 13px;
    }
    .l_fenlei_2 {
        width: 980px;
        height: 30px;
        overflow: hidden;
        background-color: #1b1b1b;
    }
    .l_m_n .l_m_n_t .p2 {
        line-height: 27px;
        color: #888888;
        font-size: 11px;
        float: left;
    }
    .el-loading-mask {
        position: absolute;
        z-index: 2000;
        background-color: unset;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        margin: 0px;
        transition: opacity 0.3s ease 0s;
    }
    .el-select .el-input {
        width: 90px;
    }
    input-group__prepend .el-input {
        font-size: inherit;
        width: 90px;
        border: 1px solid #606266;
    }
    .input-with-select .el-input-group__prepend {
        background-color: #fff;
    }
    .el-input-group--append .el-input__inner, .el-input-group__prepend {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        width: 260px;
        background-color: #262626;
    }
    .el-input-group__append button.el-button, .el-input-group__append div.el-select .el-input__inner, .el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, .el-input-group__prepend div.el-select .el-input__inner, .el-input-group__prepend div.el-select:hover .el-input__inner {
        border-color: #1f2432;
        background-color: #262626;
        color: inherit;
        border-top: 0;
        border-bottom: 0;
        width: 90px;
        height: 38px;
    }
    .el-input-group__append, .el-input-group__prepend {
        background-color: #262626;
        color: #909399;
        vertical-align: middle;
        display: table-cell;
        position: relative;
        border: 1px solid #606266;
        border-radius: 4px;
        padding: 0 20px;
        width: 1px;
        white-space: nowrap;
    }
    [class*=" el-icon-"], [class^=el-icon-] {
        font-family: element-icons!important;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        vertical-align: baseline;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-left: -5px;
    }
</style>
</body>
</html>

